<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>科研成果</title>

		<meta name="keywords" content="科研成果，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研成果共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">

		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<script src="js/jquery-1.11.3.js"></script>
		<link rel="stylesheet" href="css/tipso.min.css">
		<script src="js/tipso.min.js"></script>
		  <link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css">
	
    <link rel="stylesheet" href="css/common.css">
		<style>
        *{
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
    
    </style>
    <style>
    footer {
        clear: both;
        width: 100%;
        height: 130px;
        bottom: 0;
        line-height: 0px;
        background-color: #F9F9F9;
        border-top: 2px solid #FF8A00;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .foot ul li{
        display: inline-flex;
        align-items: center;
        margin-left: 20px;
        margin-top: 25px;
    }
    footer .foot {
        text-align: center;
        line-height: 40px;
    }
    footer .foot p {
    color: #202020;
    font-size: 14px;
}
</style>

		<style>
			#nav_top{
				width: 1200px;
				height: 175px;
				clear: both;
				margin: 0 auto;
				display: flex;
				justify-content: start;
				align-items: center;
			}
			.logo{
				padding-right: 20px;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.web_name{
				width: 100px;
				text-align: center;
				height: 30px;
				margin-top: 10px;
				line-height: 30px;
				color:#939393;
				font-size: 18px;
				border-left: 1px solid #939393;
			}
			.tab ul{
				display: flex;
				justify-content: center;
				font-size: 20px;
			}


			.header-search {
    width: 1200px;
    margin: 0 auto;
    height: 180px;
    background: url(../images/banner.jpg) no-repeat center;
}
.content .container .box .form .row4 a {
    color: #fff;
    width: 350px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #ff8a00;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 24px;
    display: inline-block;
    margin-top: 13px;
    margin-left: -63px;
}

	.content .container .box {
	width: 414px;
	height: 446px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	}
	.content .container .box .form {
	width: 100%;
	padding: 0 33px;
	}
	.content {
	/*background: url(../images/login_bg.jpg) no-repeat #fff;*/
	height: 500px;
	margin-bottom: 40px
	}
		</style>

	</head>

	<body>



	<!--header-->
<header>
    <!--Top head navigation bgc-->
    <div class="top-nav-bgc">
        <!--Top head navigation-->
        <div class="top-nav">
            <!--left-->
            <div class="top-nav-left fl">
                <!--img-->
                <img src="images/home.png">
                <!--companyName-->
                <span><a href="index">观迎访问仪器共享平台</a></span>
            </div>
            <!--right-->
            <div class="top-nav-right fr" >
                <!--username-info-->
                <div class="username-info">
                    <!--userImg-->
                   <!--  <div class="userImg fl">
                        <img src="images/user.png">
                    </div> -->
                    <!--username-->
                    <div class="username fl">

                    	<ul>
                    		<li class="fl" ><a href="#">登录</li>
                    		<li class="fl" style="margin-left: 30px"><a href="#">注册</li>
                    	</ul>
                        <!-- <ul style="display: none">
                            <li id="username" >
                                <a onclick="userImg();" href="">itwangyang@foxmail.com</a>
                                <img id="userImg" src="images/icon1.png">
                            </li>
                        </ul> -->
                      <!--   <ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
                            <li>
                                <a class="active" href="">用户中心</a>
                            </li>
                            <li>
                                <a href="">退出登录</a>
                            </li>
                        </ul> -->
                    </div>

                     <!--  <div class="fl">
                        <ul>
                            <li class="fl" style="margin-right: 20px"><a href="">登录</a></li>
                            <li class="fl"><a href="">注册</a></li>
                        </ul>
                    </div> -->
                    <!--selectNav-->
                    <!--<div class="icon-img fl">-->
                    <!--<img src="images/icon1.png">-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <!--header search-->
    <div class="header-search clearfix">
        <!--left-->
        <div class="header-search-lef fl">
            <div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
            <div class="shopping-Mall fl">
                <div class="logo-mall instrument-management">
                    <a href="">用户登录</a>
                </div>
            </div>
        </div>
        <!--right-->
    </div>
</header>


		<div class="content">
			<div class="container">
				<div class="box">
					<div class="tab">
						<ul>登录</ul>
					</div>
				<div class="form">
					<form id="f" action="logining" method="post">
						<ul>
							<style type="text/css">
								.bubble-box
								{
									background: #ff4675;
									width: 200px;
									/*margin-bottom: 30px;*/
								}
								.bubble-box .wrap
								{
									background: #ff4675; /* 修正IE6 */
									_position: relative;
									_z-index: 10;
								}



								.arrow-bottom
								{
									/*border-left: 20px solid #ff4675;*/
									/*border-bottom: 15px solid #FFF;*/
									/*margin-left: 20px;*/
									border-right: 20px solid #ff4675;
									border-bottom: 15px solid #FFF;
									margin-left: 20px;
								}
								.arrow-left .wrap, .arrow-right .wrap
								{
									width: 180px;
									padding: 12px 10px 12px 10px;
									margin-top: -40px;
								}
								.arrow-top, .arrow-bottom
								{
									/*width: 140px;*/
									width: 0px;
								}
								.arrow-top .wrap, .arrow-bottom .wrap
								{
									width: 180px;
									padding: 9px 35px 9px 35px;
									margin-left: -24px;
									border-radius: 5px;
								}
							</style>


							<li class="dis">
								<input name="number" id="number" value="3" type="hidden"/>
								<div id="titile"></div>
								<div class="row1">
									<!-- <div class="bubble-box arrow-bottom">
										<div class="wrap">
											<label style="width: 190px; color: #fff; font-size: 12px;">您的用户名或密码错误!</label>
										</div>
									</div> -->



									<label >用户名</label><!--
									--><input type="text" name="usernameofo" id="usernameofo" placeholder="用户请输入用户名"/>
								</div>
								<div class="row2">
									<label>密&nbsp;&nbsp;&nbsp;码</label><!--
									--><input type="password" name="passwordofo" id="passwordofo" placeholder="用户请输入密码"/>
								</div>
								<div class="row4"><a id ="loginofo" >用户登录</a></div>
							</li>
								<input style="display:none" name="innumber" id="inp"></input>
								<input style="display:none" name="inid" id="inid"></input>

						</ul>
					</form>
						<script>
							 $(function(){
								 $("#loginofo").click(function(){
									$("#titile").empty()
								 	$.ajax({
								 		type:"POST",
								 		url:Server+"/org/newLogin",
								 		async:false,
								 		/* xhrFields: {
								            //允许带上凭据
								            withCredentials: true
								        },
								        crossDomain: true, */
								 		data:{
								 			username:$("#usernameofo").val(),
								 			password:$("#passwordofo").val(),
								 		},
								 		error:function(){
								 			alert("error")
								 		},
								 		success: function(data){
											if(data!="登录失败"){
												var str = JSON.stringify(data)
												sessionStorage.obj= str ;
												sessionStorage.setItem("id",data.id)
												window.location.href = "ins28";
											}else{
												$("#titile").append("<div class=\"bubble-box arrow-bottom\">"
												+"<div class=\"wrap\">"
												+"<label style=\"width: 190px; color: #fff; font-size: 12px;\">您的用户名或密码错误!</label>"
												+"</div>")
											}
								 		}
								 	});
								 })
							}) 
						</script>
					</div>
				</div>
			</div>
		</div>
<footer>
    <div class="foot clearfix">
        <ul class="fl" style="    margin-top: 12px;">
       <!--  <li>今日访问量：<span id="today">5643264785960</span></li>
    <li>总访问量：<span id="total">5643264785960</span></li> -->
            <p style="margin-top: 45px;">闽ICP备16030544号-1  热线电话：0592-5937233  服务时间：周一至周五 8：00-18:00 </p>
        </ul>
        <div class="fl" style="margin-left: 20px; margin-top: 22px;">
            <img src="images/qcode.png" width="100" height="100">
        </div>
    </div>
</footer>

	

		<style>
			/*侧边栏的设计*/
			
			#newBridge .icon-right-center {
				right: 0 !important;
				bottom: 285px !important;
				height: 105px !important;
			}
			
			#newBridge .nb-icon-base .nb-icon-inner-wrap {
				border-radius: 0 !important;
			}
			
			#sidebar {
				position: fixed;
				top: 50%;
				right: 0px;
				z-index: 2000;
				width: auto;
				margin-top: 63px;
			}
			
			#sidebar>div.aside {
				float: right;
				clear: both;
				margin-bottom: 1px;
			}
			
			#sidebar>div>p {
				color: #333;
				width: 50px;
				margin-right: 0;
				position: relative;
				z-index: 100;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 15px;
				background: #eee;
				cursor: pointer;
				margin-bottom: 0;
			}
			
			#sidebar>div>a,
			#sidebar>div>span {
				color: #596b75;
				display: inline-block;
				width: 172px;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 30px;
				cursor: pointer;
				position: absolute;
				padding-right: 0;
				padding-left: 54px;
				background: url(images/tel2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
				left: 60px;
				opacity: 0;
			}
			
			#sidebar>div>span:hover {
				background-color: #eeeeee;
				color: #fca947;
			}
			
			#sidebar>div>a.qq {
				background: url(images/qq2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.vip {
				background: url(images/vip-side2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.qq:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>a.vip:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>p.TOtop {
				background: url(images/top_a.png) 12px no-repeat;
				background-color: #eee;
			}
			
			#sidebar>div>p.TOtop:hover {
				height: 50px;
				background: url(images/top_b.png) 12px no-repeat;
				background-color: #f60;
			}
			
			#sidebar>div>p.vip {
				background: url(images/vip_service.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.vip:hover {
				background: url(images/vip-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
			
			#sidebar>div>p.aside {
				background: url(images/fwrexian.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.aside:hover {
				background: url(images/tell-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		</style>

		<!--ayc:底部快速预约end-->

		<script>
			$(function() {

				//    侧边栏的点击事件

				$("#sidebar p").mouseover(function() {

					$(this).siblings().animate({
						left: "-172px",
						opacity: 1
					}, 500)

				})

				$("#sidebar div.aside").mouseleave(function(e) {

					//            alert(0)

					$(this).find("p").siblings().animate({
						left: "0px",
						opacity: 0
					}, 500)

				})

				$("p.TOtop").click(function() {

					$('html,body').animate({
						scrollTop: 0
					}, 500)

				})

			})
		</script>

		<script src="js/index.js?t=201709201011"></script>
		<script>
			var html = new page();
			html.menu();
			html.bannerHeigth();
			html.owl();
			html.scrollEnetr();
		</script>



	</body>

</html>